<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <br><br> <br><d></d><b/i class="container"> <div class="row"> <div class="cssload-loader">cargando</div> </div> </div>

.cssload-loader { width: 656px; height: 131px; line-height: 131px; text-align: center; position: absolute; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); font-family: helvetica, arial, sans-serif; text-transform: uppercase; font-weight: 900; font-size:47px; color: rgb(8,8,8); letter-spacing: 0.2em; } .cssload-loader::before, .cssload-loader::after { content: ""; display: block; width: 39px; height: 39px; background: rgb(15,170,217); position: absolute; animation: cssload-load 1.44s infinite alternate ease-in-out; -o-animation: cssload-load 1.44s infinite alternate ease-in-out; -ms-animation: cssload-load 1.44s infinite alternate ease-in-out; -webkit-animation: cssload-load 1.44s infinite alternate ease-in-out; -moz-animation: cssload-load 1.44s infinite alternate ease-in-out; } .cssload-loader::before { top: 0; } .cssload-loader::after { bottom: 0; } @keyframes cssload-load { 0% { left: 0; height: 79px; width: 39px; } 50% { height: 21px; width: 105px; } 100% { left: 617px; height: 79px; width: 39px; } } @-o-keyframes cssload-load { 0% { left: 0; height: 79px; width: 39px; } 50% { height: 21px; width: 105px; } 100% { left: 617px; height: 79px; width: 39px; } } @-ms-keyframes cssload-load { 0% { left: 0; height: 79px; width: 39px; } 50% { height: 21px; width: 105px; } 100% { left: 617px; height: 79px; width: 39px; } } @-webkit-keyframes cssload-load { 0% { left: 0; height: 79px; width: 39px; } 50% { height: 21px; width: 105px; } 100% { left: 617px; height: 79px; width: 39px; } } @-moz-keyframes cssload-load { 0% { left: 0; height: 79px; width: 39px; } 50% { height: 21px; width: 105px; } 100% { left: 617px; height: 79px; width: 39px; } }